<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#d1{
				width: 500px;
				height: 500px;
				overflow: hidden;
				background-color: #295880;
				position: relative;
				left: 200px;
				z-index: 100;
				opacity: 0.5;
				float: ;
			}
			#d2{
				width: 200px;
				height: 200px;
				background-color: #55FF00;
				position: absolute;
				left: 150px;
				z-index: 0;
				float: left;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			<div id="d2">
				
			</div>
			
			
			
		</div>
		
		
		
		
		
		
		
		
		
		
		
		<script>
			var a=4560456.56;
			b=Math.ceil(a);
			console.log(b);
			c=Math.floor(a);
			console.log(c);
			e=Math.round(a);
			console.log(e);
			f=Math.abs(a);
			console.log(f);
			g=Math.sqrt(a);
			console.log(g);
			console.log(Math.random());
			
			
			
		</script>
		
		
		
	</body>
</html>
